.icon-panel{
  .icon-blue {
    .el-radio-button__orig-radio:checked+.el-radio-button__inner{
      background-color: #3c8dbc;
      border-color: #3c8dbc;
      box-shadow: -1px 0 0 0 #3c8dbc;
    }
  }

  .icon-purple {
    .el-radio-button__orig-radio:checked+.el-radio-button__inner{
      background-color: #605ca8;
      border-color: #605ca8;
      box-shadow: -1px 0 0 0 #605ca8;
    }
  }

  .icon-green {
    .el-radio-button__orig-radio:checked+.el-radio-button__inner{
      background-color: #00a65a;
      border-color: #00a65a;
      box-shadow: -1px 0 0 0 #00a65a;
    }
  }

  .icon-red {
    .el-radio-button__orig-radio:checked+.el-radio-button__inner{
      background-color: #dd4b39;
      border-color: #dd4b39;
      box-shadow: -1px 0 0 0 #dd4b39;
    }
  }

  .icon-yellow {
    .el-radio-button__orig-radio:checked+.el-radio-button__inner{
      background-color: #f39c12;
      border-color: #f39c12;
      box-shadow: -1px 0 0 0 #f39c12;
    }
  }

  .icon-gray {
    .el-radio-button__orig-radio:checked+.el-radio-button__inner{
      background-color: #9C9C9C;
      border-color: #9C9C9C;
      box-shadow: -1px 0 0 0 #9C9C9C;
    }
  }

  .icon-black {
    .el-radio-button__orig-radio:checked+.el-radio-button__inner{
      background-color: #000000;
      border-color: #000000;
      box-shadow: -1px 0 0 0 #000000;
    }
  }
  .icon-list{
    list-style: none;
    padding: 0;
    border: 1px solid #eaeefb;
    border-radius: 4px;
    height: 350px;
    width: 100%;
    overflow: auto;
    li{
      float: left;
      width: 24.9%;
      text-align: center;
      height: 120px;
      line-height: 120px;
      color: #666;
      font-size: 13px;
      border-right: 1px solid #eee;
      border-bottom: 1px solid #eee;
      margin-right: -1px;
      margin-bottom: -1px;
      &:after,span{
        display: inline-block;
        vertical-align: middle;
      }
      &:hover i,&:hover span{
        color: #5cb6ff;
      }
      span{
        line-height: normal;
        font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
        color: #99a9bf;
        transition: color .15s linear;
      }
      i{
        display: block;
        font-size: 32px;
        margin-bottom: 15px;
        color: #606266;
        transition: color .15s linear;
      }
      .icon-name{
        display: inline-block;
        padding: 0 3px;
        height: 1em;
      }
      &.icon-selected{
        background: #e4e7ed;
      }
    }
  }
}
